<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--
 This file is part of 1genia trampoline
 Copyright (C) 2007 1genia (contact@1genia.com)

 This library is free software; you can redistribute it and/or modify
 it under the terms of the GNU Lesser General Public License as
 published by the Free Software Foundation; version 3 of the License. 

 This library is distributed in the hope that it will be useful, but
 WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 Library General Public License for more details. 

 You should have received a copy of the GNU Lesser General Public
 License along with this library; see the file COPYING.TXT.  If not,
 write to the Free Software Foundation, Inc., 51 Franklin Street,
 Fifth Floor, Boston, MA 02110-1301, USA. 
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Formulaire</title>
<style type="text/css">
.error-validation {
	background: red
}

.gwt-SuggestBoxPopup {
	background: #8888aa
}

.gwt-SuggestBoxPopup .item-selected {
	background: #2222ff
}

.progressbar-text {
	font-weight: bold;
}

.progressbar-remaining {
	font-size: 12px;
	font-style: italic;
}

.progressbar-outer {
	border: 1px solid black;
}

.progressbar-inner {
	border: 1px solid black;
	margin: 1px;
}

.progressbar-bar {
	width: 20px;
	height: 15px;
	margin: 0px;
}

.progressbar-fullbar {
	background: blue;
}

.progressbar-blankbar {
	background: #eee;
}

.GWTCDatePicker {
	z-index: 99;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial,
		sans-serif;
	border: 4px solid #f0f0f0;
	background-color: white;
	width: auto;
}

.GWTCDatePicker * {
	font-size: 8pt;
}

.GWTCDatePicker .Caption {
	background: #000 url(gwtc-cpicker-bg-title.png) repeat-x top;
	padding: 4px;
	padding-bottom: 8px;
	font-weight: bold;
	color: #fff;
	cursor: move;
	text-align: center;
}

.GWTCDatePicker .Cal_Buttons {
	width: 100%;
	background-color: #fff;
	vertical-align: middle;
	border-bottom: 1px solid #ACA899;
}

.GWTCDatePicker .Cal_Buttons .Cal_Header {
	background-color: #fff;
	cursor: default;
	text-align: center;
	font-weight: bold;
}

.GWTCDatePicker .Cal_Buttons .gwt-Button {
	padding-left: 5px;
	padding-right: 5px;
	background: #dfdfdf url(gwtc-button-bg.jpg) repeat-x bottom;
}

.GWTCDatePicker .Cal_Buttons .gwt-Button:hover,.GWTCDatePicker .Cal_Buttons .gwt-Button.gwtc-Hover
	{
	padding-left: 5px;
	padding-right: 5px;
	background: #dfdfdf url(gwtc-button-bg-over.jpg) repeat-x bottom;
}

/* Calendar Grid */
.GWTCDatePicker .Cal_Grid {
	cursor: default;
	font: 10pt sans-serif;
	text-align: center;
}

/* Calendar Grid WeekHeaders */
.GWTCDatePicker .Cal_Grid .Cal_WeekHeader {
	background-color: #ACA899;
}

.GWTCDatePicker .Cal_Grid .Cal_WeekHeader .Cal_CellDayNames {
	text-align: center;
	font-weight: bold;
	padding: 4px;
	background: #d0e6ff;
	border: 1px solid #fff;
}

/* Calendar Grid Day Cells */
.GWTCDatePicker A:link {
	color: black;
	text-decoration: none
}

.GWTCDatePicker A:visited {
	color: black;
	text-decoration: none
}

.GWTCDatePicker A:active {
	color: black;
	text-decoration: none;
	cursor: wait
}

.GWTCDatePicker A:hover {
	color: black;
	text-decoration: none
}

.GWTCDatePicker .Cal_Grid td.Cal_CellDays {
	border: none;
}

.GWTCDatePicker .Cal_Grid div.Cal_CellDays {
	background: #fff url(gwtc-cpicker-bg-day.png) no-repeat center center;
	text-align: center;
	border: 1px solid #fff;
}

.GWTCDatePicker .Cal_Grid div.Cal_CellDays:hover,.GWTCDatePicker .Cal_Grid    .Cal_CellDays div.gwtc-Hover,.GWTCDatePicker .Cal_Grid    .Cal_CellDays div.gwtc-Active
	{
	background: #dfdfdf;
	/* url(gwtc-cpicker-bg-day-over.png) no-repeat center center;*/
	font-weight: bold;
}

.GWTCDatePicker .Cal_Grid div.Cal_CellDays:active,.GWTCDatePicker .Cal_Grid    .Cal_CellDays div.gwtc-Active
	{
	cursor: wait;
	background: pink;
	padding: 0px;
}

.GWTCDatePicker .Cal_Grid div.Cal_CellDays {
	width: 100%;
	height: 100%;
	line-height: 2em;
}

.GWTCDatePicker .Cal_Grid div.Cal_CellEmpty {
	background-color: white;
}

.GWTCDatePicker .Cal_Grid div.Cal_InvalidDay,.GWTCDatePicker .Cal_Grid div.Cal_InvalidDay:hover
	{
	cursor: default;
	text-decoration: line-through;
	color: #999;
	background: #fff;
	font-weight: normal;
}

.GWTCDatePicker .Cal_Grid div.Cal_Today {
	cursor: pointer;
	background: #fff url(gwtc-cpicker-bg-today.png) no-repeat center center;
}

.GWTCDatePicker .Cal_Grid div.Cal_Today:hover {
	cursor: pointer;
	background: #fff url(gwtc-cpicker-bg-day-over.png) no-repeat center
		center;
}

.GWTCDatePicker .Cal_Grid div.Cal_BeforeSelected {
	cursor: pointer;
}

.GWTCDatePicker .Cal_Grid div.Cal_Selected,.GWTCDatePicker .Cal_Grid div.Cal_Selected:hover,.GWTCDatePicker .Cal_Grid    .Cal_Selected div.gwtc-Hover
	{
	cursor: default;
	background-color: #dfdfdf;
	background: #fff url(gwtc-cpicker-bg-selected.png) no-repeat center
		center;
	font-weight: normal;
}

.GWTCDatePicker .Cal_Grid div.Cal_AfterSelected {
	cursor: pointer;
}

.popupContent {
	background-color: #dfdfdf;
	border-color: black;
	border: solid;
	height: 500px;
	
}

.fapi-popUpWidgetFormItem {
	height: 200px;
	width: 500px;
}

.fapi-popUpRemoveButtonStyle{
	height: 50px;
	width: 100px;

}
</style>
<!-- Include the bootstrap script just inside the body or in the head    -->
<!-- (startup is slightly faster if you place it just after the body tag -->
<script type="text/javascript"
	src="com.genia.toolbox.web.gwt.form.Form.nocache.js"></script>
</head>
<body>
<input type="hidden" id="contextPath" value="" />

Hello
<div class="gwtFormApi"><input type="hidden" name="formIdentifier"
	value="demo" /></div>
World
<div class="gwtFormApi"><input type="hidden" name="formIdentifier"
	value="form1" /></div>
Quz
<div class="gwtFormApi"><input type="hidden" name="formIdentifier"
	value="form2" /></div>
Bar sir
<div class="gwtFormApi"><input type="hidden" name="formIdentifier"
	value="form3" /></div>


<!-- Include a history iframe to enable full GWT history support -->
<!-- (the id must be exactly as shown)                           -->
<iframe id="__gwt_historyFrame" style="width: 0; height: 0; border: 0"></iframe>

</body>
</html>
